<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="top">
            <div class="lg-container clearfix topbox">
                <div class="fl fs18 urltxt">legouchina.cn</div>
                <div class="fr rightbox">欢迎光临 <a href="index.html" class="color-f60">乐购</a>，请<a href="./login.html"
                        class="color-white">登录</a>/<a href="./registered.html" class="color-f60">注册</a></div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-box lg-container fl">
                <div class="nav-logo fl">
                    <a href="#"><img src="./images/logo.jpg" alt=""></a>
                </div>
                <div class="nav-con fl clearfix">
                    <nav class="navbar navbar-light fl">
                        <form class="form-inline my-2 my-lg-0 clearfix fl searchform">
                            <input class="fl fffff1" type="search" placeholder="请输入搜索的商品名">
                            <button class="btn fffff2 btn-outline-success my-2 my-sm-0 fl" type="submit"></button>
                        </form>

                    </nav>
                    <div class="otherBtn fl">
                        <button type="button" class="btn btn-light text-warning">购物车</button>
                        <button type="button" class="btn btn-light text-black-50">我的订单</button>
                    </div>
                </div>
                <nav class="bread mt10 lg-container clearfix">
                    <ul class="fr">
                        <li><a href="./SpecialPage.html">图书</a></li>
                        <li><a href="./product.html">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家具</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                </nav>
            </div>

        </div>

    </header>
    <!-- 内容 -->
    <main class="floor">
        <!-- 轮播和二级菜单 -->
        <div class="banner lg-container clearfix menuslide">
            <!-- 左栏 -->
            <div class="menu fl" style="border: 1px solid red;  height: 450px;">
                <ul class="nav fl">
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">
                            11
                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">女装</a>、<a href="#">男装</a>、<a href="#">内衣</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">
                            22
                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">童装玩具</a>、<a href="#">孕产</a>、<a href="#">用品</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">
                            33
                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">家电</a>、<a href="#">数码</a>、<a href="#">手机</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">美妆</a>、<a href="#">洗护</a>、<a href="#">保健品</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                    <li>
                        <p class="active">
                            <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="submenu">

                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播 -->
            <div id="carouselExampleIndicators" class="carousel slide fr" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="./images/banner01.jpg" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="./images/banner01.jpg" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="./images/banner01.jpg" class="d-block w-100" alt="...">
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 四张图片 -->
    <div class="fourImg lg-container floor">
        <div><img src="./images/img1.jpg" alt=""></div>
        <div><img src="./images/img2.jpg" alt=""></div>
        <div><img src="./images/img3.jpg" alt=""></div>
        <div><img src="./images/img2.jpg" alt=""></div>
    </div>
    <!-- 二维码 -->
    <div class="QrCode lg-container">
        <img src="./images/erweima.png" alt="">
    </div>
    <!-- 轮播图和倒计时 -->
    <div class="countdownbox lg-container clearfix floor">
        <!-- 倒计时 -->
        <div class="fl countdown">
            <div class="col-fff fs26 countTxt">乐购.今日秒杀</div>
            <div><img src="./images/lightning.png" alt=""></div>
            <p>倒计时</p>
            <div class="timebox"></div>
        </div>
        <!-- <div class="lunbo1 fr">
            <ul class="clearfix">
                <li class="fl">
                    <img src="./images/lunbo1.jpg" alt="">
                    <p>小米小爱冰箱Play</p>
                    <span class="col-f60">￥129.00</span><span>￥230.00</span>
                </li>
                <li class="fl">
                    <img src="./images/lunbo1.jpg" alt="">
                    <p>小米小爱冰箱Play</p>
                    <span class="col-f60">￥129.00</span><span>￥230.00</span>
                </li>
                <li class="fl">
                    <img src="./images/lunbo1.jpg" alt="">
                    <p>小米小爱冰箱Play</p>
                    <span class="col-f60">￥129.00</span><span>￥230.00</span>
                </li>
                <li class="fl">
                    <img src="./images/lunbo1.jpg" alt="">
                    <p>小米小爱冰箱Play</p>
                    <span class="col-f60">￥129.00</span><span>￥230.00</span>
                </li>
            </ul>
        </div> -->
        <div id="carouselExampleControls" class="carousel slide lunboBox" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="lunbo1 fr">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="lunbo1 fr">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="lunbo1 fr">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                            <li class="fl">
                                <img src="./images/lunbo1.jpg" alt="">
                                <p>小米小爱冰箱Play</p>
                                <span class="col-f60">￥129.00</span><span>￥230.00</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

    </div>
    <!-- 每日推荐 -->
    <div class="recommend lg-container floor">
        <div class="recommendTitle">
            <span><img src="./images/sprite.png" alt=""></span>
            <h3>每日好货推荐</h3>
            <span><img src="./images/sprite.png" alt=""></span>
        </div>
        <div class="recommendMain">
            <!-- 粉 -->
            <div class="pinkBox">
                <div class="firstTxt">
                    <div class="fsXT fs26 col-ff72fd fl">乐购快抢</div>
                    <h3 class="fs26 fl">美好生活抢先到</h3>
                </div>
                <div class="secondTxt">
                    <a href="#" class="fs16 fl">品质好物&emsp;天天低价&emsp;&gt;&gt;</a>
                </div>
                <div class="threeImg">
                    <li>
                        <img src="./images/nvzhuang1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/nvzhuang2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/nvzhuang3.jpg" alt="">
                    </li>

                </div>
            </div>
            <!-- 蓝 -->
            <div class="blueBox">
                <div class="firstTxt">
                    <div class="fsXT fs26 col-006 fl">品牌活动</div>
                    <h3 class="fs26 fl">最后疯抢&emsp;三折封顶</h3>
                </div>
                <div class="secondTxt">
                    <a href="#" class="fs16 fl">150+品牌疯抢中&emsp;&gt;&gt;</a>
                </div>
                <div class="threeImg">
                    <li>
                        <img src="./images/nvzhuang1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/nvzhuang2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/nvzhuang3.jpg" alt="">
                    </li>

                </div>
            </div>
        </div>
    </div>
    <!-- 服装配饰 -->
    <div class="grey floor">
        <div class="lg-container cloth">
            <!-- 导航图片 -->
            <div class="cloth-header">
                <span>服装配饰</span>
                <ul>
                    <li>热销内衣</li>
                    <li>精品男装</li>
                    <li>童装</li>
                </ul>
            </div>
            <!-- 选项卡 -->
            <div class="cloth-content clearfix cur">
                <div class="clothleft fl">
                    <!-- 上 -->
                    <div class="clothleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="clothleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clothMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="clothMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="clothRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cloth-content clearfix">
                <div class="clothleft fl">
                    <!-- 上 -->
                    <div class="clothleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="clothleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clothMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="clothMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="clothRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cloth-content clearfix">
                <div class="clothleft fl">
                    <!-- 上 -->
                    <div class="clothleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="clothleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clothMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="clothMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="clothRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 广告 -->
            <div class="logo">
                <ul class="clearfix">
                    <li class="fl"><img src="./images/logo13_12.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_11.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_14.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_15.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_16.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_17.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_14.jpg" alt=""></li>
                </ul>
            </div>

        </div>
        <!-- 母婴童装 -->
        <div class="lg-container MandB ">
            <!-- 导航图片 -->
            <div class="MandB-header mt40">
                <span>母婴童装</span>
                <ul>
                    <li>热销内衣</li>
                    <li>精品男装</li>
                    <li>童装</li>
                </ul>
            </div>
            <!-- 选项卡 -->
            <div class="MandB-content clearfix cur">
                <div class="MandBleft fl">
                    <!-- 上 -->
                    <div class="MandBleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="MandBleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                                
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
                                
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="MandBMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="MandBMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="MandBRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="MandB-content clearfix">
                <div class="MandBleft fl">
                    <!-- 上 -->
                    <div class="MandBleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="MandBleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="MandBMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="MandBMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="MandBRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="MandB-content clearfix">
                <div class="MandBleft fl">
                    <!-- 上 -->
                    <div class="MandBleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="MandBleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="MandBMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="MandBMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="MandBRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 广告 -->
            <div class="logo">
                <ul class="clearfix">
                    <li class="fl"><img src="./images/logo13_12.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_11.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_14.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_15.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_16.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_17.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_14.jpg" alt=""></li>
                </ul>
            </div>
        </div>

        <!-- 精致人生 -->
        <div class="lg-container life ">
            <!-- 导航图片 -->
            <div class="life-header mt40">
                <span>精致人生</span>
                <ul>
                    <li>热销内衣</li>
                    <li>精品男装</li>
                    <li>童装</li>
                </ul>
            </div>
            <!-- 选项卡 -->
            <div class="life-content clearfix cur">
                <div class="lifeleft fl">
                    <!-- 上 -->
                    <div class="lifeleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="lifeleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="lifeMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="lifeMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="lifeRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="life-content clearfix">
                <div class="lifeleft fl">
                    <!-- 上 -->
                    <div class="lifeleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="lifeleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="lifeMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="lifeMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="lifeRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="life-content clearfix">
                <div class="lifeleft fl">
                    <!-- 上 -->
                    <div class="lifeleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="lifeleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>

                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="lifeMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="lifeMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="lifeRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 广告 -->
            <div class="logo">
                <ul class="clearfix">
                    <li class="fl"><img src="./images/logo13_12.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_11.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_14.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_15.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_16.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_17.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_14.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <!-- 家具生活 -->
        <div class="lg-container furniture ">
            <!-- 导航图片 -->
            <div class="furniture-header mt40">
                <span>家居生活</span>
                <ul>
                    <li>热销内衣</li>
                    <li>精品男装</li>
                    <li>童装</li>
                </ul>
            </div>
            <!-- 选项卡 -->
            <div class="furniture-content clearfix cur">
                <div class="furnitureleft fl">
                    <!-- 上 -->
                    <div class="furnitureleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="furnitureleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="furnitureMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="furnitureMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="furnitureRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="furniture-content clearfix">
                <div class="furnitureleft fl">
                    <!-- 上 -->
                    <div class="furnitureleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="furnitureleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
    
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="furnitureMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="furnitureMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="furnitureRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="furniture-content clearfix">
                <div class="furnitureleft fl">
                    <!-- 上 -->
                    <div class="furnitureleft-top">
                        <img src="./images/GoldJewelry.jpg" alt="">
                    </div>
                    <!-- 下 -->
                    <div class="furnitureleft-bottom">
                        <ul>
                            <li>
                                <button type="button" class="btn btn-light">功能箱包</button>
                                <button type="button" class="btn btn-light">户外运动</button>
                                <button type="button" class="btn btn-light">男装</button>
    
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女鞋</button>
                                <button type="button" class="btn btn-light">男鞋</button>
                                <button type="button" class="btn btn-light">全部分类</button>
    
                            </li>
                            <li>
                                <button type="button" class="btn btn-light">女装</button>
                                <button type="button" class="btn btn-light">内衣</button>
                                <button type="button" class="btn btn-light">泳衣</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="furnitureMid fl">
                    <!-- 小轮播 -->
                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>First slide label</h5>
                                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Second slide label</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img src="./images/timg.jpg" class="d-block w-100" alt="...">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>Third slide label</h5>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                            data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                            data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="furnitureMid-bottom">
                        <img src="./images/images.jpg" alt="">
                    </div>
                </div>
                <div class="furnitureRight fl">
                    <ul class="clearfix">
                        <li class="fl">
                            <h3>时尚精致女装</h3>
                            <p>春夏女装99选3</p>
                            <img src="./images/cloth1.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>大牌品质鞋包</h3>
                            <p>大牌鞋包不止五折</p>
                            <img src="./images/cloth2.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>魅力舒适内衣</h3>
                            <p>ck文胸买2免1</p>
                            <img src="./images/cloth3.jpg" alt="">
                        </li>
                        <li class="fl">
                            <h3>型格潮流男装</h3>
                            <p>阿玛尼低至三折</p>
                            <img src="./images/cloth4.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
    
            <!-- 广告 -->
            <div class="logo">
                <ul class="clearfix">
                    <li class="fl"><img src="./images/logo13_12.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_11.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_14.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_15.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_16.jpg" alt=""></li>
                    <li class="fl"><img src="./images/logo13_17.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_13.jpg" alt=""></li>
                    <li class="fl"><img src="./images/index15_14.jpg" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <footer class="lg-container">
        <div class="footer-top">
            <ul>
                <li class="clearfix">
                    <img class="fl" src="./images/footer1.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">正品保障</h4>
                        <p class="fs14 col-d6d6d6">正品行货&emsp;放心选购</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer2.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">满86包邮</h4>
                        <p class="fs14 col-d6d6d6">满86元&emsp;免运费</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer3.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">售后无忧</h4>
                        <p class="fs14 col-d6d6d6">七天无理由退货</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer4.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">准时送达</h4>
                        <p class="fs14 col-d6d6d6">收货时间由你做主</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <!-- 左 -->
            <div class="fb-left clearfix">
                <ul class="list4">
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">退换货</a></li>
                </ul>
                <ul class="list5  fl">
                    <li><a href="#">购物路程</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">退货流程</a></li>
                    <li><a href="#">退货政策</a></li>
                </ul>
                <ul class="list6  fl">
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自动退换货</a></li>
                </ul>
                <ul class="list7 fl">
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">自动取消订单</a></li>
                    <li><a href="#">自动退货流程</a></li>
                </ul>
            </div>
            <!-- 右 -->
            <div class="fb-right">
                <ul>
                    <li>
                        <h5>App更优惠</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                    <li>
                        <h5>加微信查订单</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-txt">
            <p>沪ICP备XXXXXXXXXXXXX号 | 经营证明 |互联网药品信息服务资格证(沪)-2017-0006 |违法和不良信息举报电话:xxx-xxxxxxxx | 沪B2-xxxxxxx</p>
            <p>沪公网安备 xxxxxxxx号 | 友情链接 | 出版物经营许可证 |  增值电信业务经营许可证</p>
            <div>
                <ul>
                    <li>
                        <img src="./images/showlogo1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo3.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo5.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo6.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- 楼层导航 -->
    <div class="floornav">
        <ul>
            <li class="bg1" bgColor="#93d46f">图书</li>
            <li class="bg2" bgColor="#f65727">服装</li>
            <li class="bg3" bgColor="#bb9dee">运动</li>
            <li class="bg4" bgColor="#ff7394">童装</li>
            <li class="bg5" bgColor="#c2ec51">家居</li>
        </ul>
    </div>
    <!-- 顶层搜索 -->
    <div class="topsearch">
        <div class="lg-container searchbox" style="height: 5px;" id="topsearchbox"></div>
    </div>
</body>

</html>